<template>
  <div id="shop">
    <shop-nav-bar></shop-nav-bar>
    <scroll :pullUpLoad="true" class="content" ref="srcoll">
      <shop-list></shop-list>
    </scroll>
    <shop-bottom-bar></shop-bottom-bar>
  </div>
</template>
<script>
  import Scroll from '@/components/common/scroll/Scroll.vue';
  import ShopNavBar from './childComponents/ShopNavBar.vue'
  import ShopList from './childComponents/ShopList.vue';
  import ShopBottomBar from './childComponents/ShopBottomBar.vue';
  export default {
    name: "Shop",
    components: {
      ShopNavBar,
      ShopList,
      Scroll,
      ShopBottomBar
    },
    activated() {
      this.$refs.srcoll.refresh()
    }
  }
</script>
<style scoped>
  #shop {
    position: relative;
    height: 100vh;
  }
  .content {
    position: absolute;
    left: 0;
    right: 0;
    top: 44px;
    bottom: 92px;
    overflow: hidden;
  }
</style>